<template>

    <div class="login-bg">
        <v-card class="mx-auto my-12" max-width="374">

          <v-card-title>Cafe Badilico</v-card-title>

          <v-card-text>
              <v-text-field
                  label="Main input"
                  hide-details="auto"
              />
              <v-text-field label="Another input"/>

              <v-checkbox
                  value="red"
                  hide-details
              >
                  <template v-slot:label>
                      <div>
                          I agree that
                          <v-tooltip bottom>
                              <template v-slot:activator="on">
                                  <a
                                      target="_blank"
                                      href="https://vuetifyjs.com"
                                      @click.stop
                                      v-on="on"
                                  >
                                      Vuetify
                                  </a>
                              </template>
                              Opens in new window
                          </v-tooltip>
                          is awesome
                      </div>
                  </template>
              </v-checkbox>
          </v-card-text>

          <v-card-text>
              <v-btn
                  color="primary"
                  block
              >
                  Login
              </v-btn>
          </v-card-text>


        </v-card>
    </div>
</template>


<script>
export default {
    data(){
        return {

        };
    },
    mounted(){
        console.log("admin login");
    }
};
</script>


<style scoped lang="sass">
.login-bg
    background-image: url("@/asset/image/hailang-015.jpg")
</style>
